<!DOCTYPE>
<html>
<head>
<style>
	.city{
	    font-family:Georgia,Sans-serif;
		//font-style:oblique;
		width:300px;
		height:300px;
		border:1px solid black;
		float:left;
		padding:15px;
		margin:5px;
	}
	#div1{
	float:right;
	width:400px;
	height:50px;
	text-align:center;
	border:2px solid #a1a1a1;
	padding:10px 40px;
	background:#dddddd;
	border-radius:25px;
	box-shadow:10px -10px 5px #888888;
	}
</style>	
</head>
<body>
	<h1>W3School Demo</h1>
	<h2>Resize the responsive page!</h2>
	<br/>
	<div class="city">
		<h2>London</h2>
		<p>London is the capital of the England.</p>
		<p>It is the most populous city in the United Kingdom,with
			a metropolitab area of over 13 million inhabitants.
		</p>
	</div>
	<div class="city">
		<h2>Paris</h2>
		<p>Paris is the capital and most populous city if France.</p>
	</div>
	<div class="city">
		<h2>Tokyo</h2>
		<p>
			Tokyo is the capital of Japan,the center of the Great
			Tokyo area and the most populous metropolitan area in the world
		</p>
	</div>
	<div id="div1">cccccccccccccccccccccccccccccccccccccccccc</div>
</body>
</html>